<template>
    <div class="hngkContent">
        <BigTitle />
        <SideMenu />
        <div class="sjhjLeft">
            <div>
                <!-- <SjhjLeftOne/> -->
            </div>
        </div>
        <div class="sjhjRight">
            <div>
                <!-- <SjhjRightOne/>
                <SjhjRightTwo/> -->
            </div>
        </div>
    </div>
</template>

<script>
import BigTitle from './BigTitle'
import SideMenu from './SideMenu'
// import SjhjLeftOne from "./sjhjLeft/SjhjLeftOne"
// import SjhjRightOne from "./sjhjRight/SjhjRightOne"
// import SjhjRightTwo from "./sjhjRight/SjhjRightTwo"
import {
  defineComponent,
  getCurrentInstance,
  onMounted,
  ref,
  provide
} from 'vue'
import { useRouter } from 'vue-router'
export default defineComponent({
    components:{
        BigTitle,
        SideMenu,
        // SjhjLeftOne,
        // SjhjRightOne,
        // SjhjRightTwo
    },
    setup(){
        return {
            
        }
    }
})
</script>

<style lang="stylus" scoped>
    @import '../../assets/varibles.styl'
    .sjhjLeft
        position: absolute
        top: vh(117)
        left: vw(24)
        width: vw(365)
        height: vh(963)
        box-sizing: border-box
    .sjhjRight
        position: absolute
        top: vh(85)
        right: vw(24)
        width: vw(365)
        height: vh(995)
        box-sizing: border-box 
</style>